@charset "UTF-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:0 0
}
body {
line-height:1;
scroll-behavior:smooth;
}
:focus {
outline:1
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display:block
}
li,nav ul,ol {
list-style:none
}
blockquote,q {
quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
content:'';
content:none
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:0 0;
text-decoration:none
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:700
}
del {
text-decoration:line-through
}
abbr[title],dfn[title] {
border-bottom:.01rem dotted #000;
cursor:help
}
table {
border-collapse:collapse;
border-spacing:0
}
hr {
display:block;
height:.01rem;
border:0;
border-top:.01rem solid #ccc;
margin:1em 0;
padding:0
}
input,select {
vertical-align:middle
}
body,html {
font-family:Microsoft YaHei;
/*font-family:STKaiti;*/
color:#1f1d1d
}
.fl {
float:left
}
.fr {
float:right
}
.txt-r {
text-align:right
}
.clearfix:after {
content:".";
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden
}
* {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.animated,.header .nav ul>li a,.home .web-nav .item .overlay,.main .banner-top .page-title {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.animated.infinite,.header .nav ul>li a.infinite,.home .web-nav .item .infinite.overlay,.main .banner-top .infinite.page-title {
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.animated.hinge,.header .nav ul>li a.hinge,.home .web-nav .item .hinge.overlay,.main .banner-top .hinge.page-title {
-webkit-animation-duration:2s;
animation-duration:2s
}
@-webkit-keyframes bounce {
0%,100%,20%,50%,80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-.3rem);
transform:translateY(-.3rem)
}
60% {
-webkit-transform:translateY(-.15rem);
transform:translateY(-.15rem)
}
}@keyframes bounce {
0%,100%,20%,50%,80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-.3rem);
transform:translateY(-.3rem)
}
60% {
-webkit-transform:translateY(-.15rem);
transform:translateY(-.15rem)
}
}.bounce {
-webkit-animation-name:bounce;
animation-name:bounce
}
@-webkit-keyframes flash {
0%,100%,50% {
opacity:1
}
25%,75% {
opacity:0
}
}@keyframes flash {
0%,100%,50% {
opacity:1
}
25%,75% {
opacity:0
}
}.flash {
-webkit-animation-name:flash;
animation-name:flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}.pulse {
-webkit-animation-name:pulse;
animation-name:pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(.75);
transform:scaleX(1.25) scaleY(.75)
}
40% {
-webkit-transform:scaleX(.75) scaleY(1.25);
transform:scaleX(.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(.85);
transform:scaleX(1.15) scaleY(.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}@keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(.75);
transform:scaleX(1.25) scaleY(.75)
}
40% {
-webkit-transform:scaleX(.75) scaleY(1.25);
transform:scaleX(.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(.85);
transform:scaleX(1.15) scaleY(.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}.rubberBand {
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}
@-webkit-keyframes shake {
0%,100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform:translateX(-.1rem);
transform:translateX(-.1rem)
}
20%,40%,60%,80% {
-webkit-transform:translateX(.1rem);
transform:translateX(.1rem)
}
}@keyframes shake {
0%,100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform:translateX(-.1rem);
transform:translateX(-.1rem)
}
20%,40%,60%,80% {
-webkit-transform:translateX(.1rem);
transform:translateX(.1rem)
}
}.shake {
-webkit-animation-name:shake;
animation-name:shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}.swing {
-webkit-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%,20% {
-webkit-transform:scale(.9) rotate(-3deg);
transform:scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%,60%,80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}@keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%,20% {
-webkit-transform:scale(.9) rotate(-3deg);
transform:scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%,60%,80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}.tada {
-webkit-animation-name:tada;
animation-name:tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes wobble {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.wobble {
-webkit-animation-name:wobble;
animation-name:wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}.bounceIn {
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
60% {
opacity:1;
-webkit-transform:translateY(.3rem);
transform:translateY(.3rem)
}
80% {
-webkit-transform:translateY(-.1rem);
transform:translateY(-.1rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
60% {
opacity:1;
-webkit-transform:translateY(.3rem);
transform:translateY(.3rem)
}
80% {
-webkit-transform:translateY(-.1rem);
transform:translateY(-.1rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.bounceInDown {
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
60% {
opacity:1;
-webkit-transform:translateX(.3rem);
transform:translateX(.3rem)
}
80% {
-webkit-transform:translateX(-.1rem);
transform:translateX(-.1rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
60% {
opacity:1;
-webkit-transform:translateX(.3rem);
transform:translateX(.3rem)
}
80% {
-webkit-transform:translateX(-.1rem);
transform:translateX(-.1rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.bounceInLeft {
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
60% {
opacity:1;
-webkit-transform:translateX(-.3rem);
transform:translateX(-.3rem)
}
80% {
-webkit-transform:translateX(.1rem);
transform:translateX(.1rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
60% {
opacity:1;
-webkit-transform:translateX(-.3rem);
transform:translateX(-.3rem)
}
80% {
-webkit-transform:translateX(.1rem);
transform:translateX(.1rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.bounceInRight {
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
60% {
opacity:1;
-webkit-transform:translateY(-.3rem);
transform:translateY(-.3rem)
}
80% {
-webkit-transform:translateY(.1rem);
transform:translateY(.1rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
60% {
opacity:1;
-webkit-transform:translateY(-.3rem);
transform:translateY(-.3rem)
}
80% {
-webkit-transform:translateY(.1rem);
transform:translateY(.1rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.bounceInUp {
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}.bounceOut {
-webkit-animation-name:bounceOut;
animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-.2rem);
transform:translateY(-.2rem)
}
100% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
}@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-.2rem);
transform:translateY(-.2rem)
}
100% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
}.bounceOutDown {
-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(.2rem);
transform:translateX(.2rem)
}
100% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
}@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(.2rem);
transform:translateX(.2rem)
}
100% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
}.bounceOutLeft {
-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-.2rem);
transform:translateX(-.2rem)
}
100% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
}@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-.2rem);
transform:translateX(-.2rem)
}
100% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
}.bounceOutRight {
-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(.2rem);
transform:translateY(.2rem)
}
100% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
}@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(.2rem);
transform:translateY(.2rem)
}
100% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
}.bounceOutUp {
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-.2rem);
transform:translateY(-.2rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-.2rem);
transform:translateY(-.2rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.fadeInDownBig {
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-.2rem);
transform:translateX(-.2rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-.2rem);
transform:translateX(-.2rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.fadeInLeft {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.fadeInLeftBig {
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(.2rem);
transform:translateX(.2rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(.2rem);
transform:translateX(.2rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.fadeInRight {
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.fadeInRightBig {
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(.2rem);
transform:translateY(.2rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(.2rem);
transform:translateY(.2rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.fadeInUpBig {
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}.fadeOut,.home .web-nav .item .overlay:hover,.main .banner-top .page-title:hover {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(.2rem);
transform:translateY(.2rem)
}
}@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(.2rem);
transform:translateY(.2rem)
}
}.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
}@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
}.fadeOutDownBig {
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-.2rem);
transform:translateX(-.2rem)
}
}@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-.2rem);
transform:translateX(-.2rem)
}
}.fadeOutLeft {
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
}@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
}.fadeOutLeftBig {
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(.2rem);
transform:translateX(.2rem)
}
}@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(.2rem);
transform:translateX(.2rem)
}
}.fadeOutRight {
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
}@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
}.fadeOutRightBig {
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-.2rem);
transform:translateY(-.2rem)
}
}@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-.2rem);
transform:translateY(-.2rem)
}
}.fadeOutUp {
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
}@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
}.fadeOutUpBig {
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);
transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);
transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);
transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}@keyframes flip {
0% {
-webkit-transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);
transform:perspective(4rem) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);
transform:perspective(4rem) translateZ(1.5rem) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);
transform:perspective(4rem) translateZ(1.5rem) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(4rem) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}.animated.flip,.header .nav ul>li a.flip,.home .web-nav .item .flip.overlay,.main .banner-top .flip.page-title {
-webkit-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(4rem) rotateX(90deg);
transform:perspective(4rem) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(4rem) rotateX(-10deg);
transform:perspective(4rem) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(4rem) rotateX(10deg);
transform:perspective(4rem) rotateX(10deg)
}
100% {
-webkit-transform:perspective(4rem) rotateX(0);
transform:perspective(4rem) rotateX(0);
opacity:1
}
}@keyframes flipInX {
0% {
-webkit-transform:perspective(4rem) rotateX(90deg);
transform:perspective(4rem) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(4rem) rotateX(-10deg);
transform:perspective(4rem) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(4rem) rotateX(10deg);
transform:perspective(4rem) rotateX(10deg)
}
100% {
-webkit-transform:perspective(4rem) rotateX(0);
transform:perspective(4rem) rotateX(0);
opacity:1
}
}.flipInX {
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(4rem) rotateY(90deg);
transform:perspective(4rem) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(4rem) rotateY(-10deg);
transform:perspective(4rem) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(4rem) rotateY(10deg);
transform:perspective(4rem) rotateY(10deg)
}
100% {
-webkit-transform:perspective(4rem) rotateY(0);
transform:perspective(4rem) rotateY(0);
opacity:1
}
}@keyframes flipInY {
0% {
-webkit-transform:perspective(4rem) rotateY(90deg);
transform:perspective(4rem) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(4rem) rotateY(-10deg);
transform:perspective(4rem) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(4rem) rotateY(10deg);
transform:perspective(4rem) rotateY(10deg)
}
100% {
-webkit-transform:perspective(4rem) rotateY(0);
transform:perspective(4rem) rotateY(0);
opacity:1
}
}.flipInY {
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(4rem) rotateX(0);
transform:perspective(4rem) rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(4rem) rotateX(90deg);
transform:perspective(4rem) rotateX(90deg);
opacity:0
}
}@keyframes flipOutX {
0% {
-webkit-transform:perspective(4rem) rotateX(0);
transform:perspective(4rem) rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(4rem) rotateX(90deg);
transform:perspective(4rem) rotateX(90deg);
opacity:0
}
}.flipOutX {
-webkit-animation-name:flipOutX;
animation-name:flipOutX;
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(4rem) rotateY(0);
transform:perspective(4rem) rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(4rem) rotateY(90deg);
transform:perspective(4rem) rotateY(90deg);
opacity:0
}
}@keyframes flipOutY {
0% {
-webkit-transform:perspective(4rem) rotateY(0);
transform:perspective(4rem) rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(4rem) rotateY(90deg);
transform:perspective(4rem) rotateY(90deg);
opacity:0
}
}.flipOutY {
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0) skewX(-15deg);
transform:translateX(0) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0) skewX(0);
transform:translateX(0) skewX(0);
opacity:1
}
}@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0) skewX(-15deg);
transform:translateX(0) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0) skewX(0);
transform:translateX(0) skewX(0);
opacity:1
}
}.lightSpeedIn {
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0) skewX(0);
transform:translateX(0) skewX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0) skewX(0);
transform:translateX(0) skewX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}.lightSpeedOut {
-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}.rotateIn {
-webkit-animation-name:rotateIn;
animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}.rotateInDownLeft {
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}.rotateInDownRight {
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}.rotateInUpLeft {
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}.rotateInUpRight {
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}.rotateOut {
-webkit-animation-name:rotateOut;
animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}.rotateOutDownLeft {
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}.rotateOutDownRight {
-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}.rotateOutUpLeft {
-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}.rotateOutUpRight {
-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.slideInDown {
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.slideInLeft {
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}.slideInRight {
-webkit-animation-name:slideInRight;
animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
}@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20rem);
transform:translateX(-20rem)
}
}.slideOutLeft {
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
}@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20rem);
transform:translateX(20rem)
}
}.slideOutRight {
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
}@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20rem);
transform:translateY(-20rem)
}
}.slideOutUp {
-webkit-animation-name:slideOutUp;
animation-name:slideOutUp
}
@-webkit-keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}.slideInUp {
-webkit-animation-name:slideInUp;
animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
}@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20rem);
transform:translateY(20rem)
}
}.slideOutDown {
-webkit-animation-name:slideOutDown;
animation-name:slideOutDown
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(7rem);
transform:translateY(7rem);
opacity:0
}
}@keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(7rem);
transform:translateY(7rem);
opacity:0
}
}.hinge {
-webkit-animation-name:hinge;
animation-name:hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0) rotate(0);
transform:translateX(0) rotate(0)
}
}@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0) rotate(0);
transform:translateX(0) rotate(0)
}
}.rollIn {
-webkit-animation-name:rollIn;
animation-name:rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0) rotate(0);
transform:translateX(0) rotate(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0) rotate(0);
transform:translateX(0) rotate(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}.rollOut {
-webkit-animation-name:rollOut;
animation-name:rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}.zoomIn {
-webkit-animation-name:zoomIn;
animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-20rem);
transform:scale(.1) translateY(-20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(.6rem);
transform:scale(.475) translateY(.6rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-20rem);
transform:scale(.1) translateY(-20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(.6rem);
transform:scale(.475) translateY(.6rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}.zoomInDown {
-webkit-animation-name:zoomInDown;
animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-20rem);
transform:scale(.1) translateX(-20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(.48rem);
transform:scale(.475) translateX(.48rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-20rem);
transform:scale(.1) translateX(-20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(.48rem);
transform:scale(.475) translateX(.48rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}.zoomInLeft {
-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(20rem);
transform:scale(.1) translateX(20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-.48rem);
transform:scale(.475) translateX(-.48rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(20rem);
transform:scale(.1) translateX(20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-.48rem);
transform:scale(.475) translateX(-.48rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}.zoomInRight {
-webkit-animation-name:zoomInRight;
animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(20rem);
transform:scale(.1) translateY(20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-.6rem);
transform:scale(.475) translateY(-.6rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(20rem);
transform:scale(.1) translateY(20rem);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-.6rem);
transform:scale(.475) translateY(-.6rem);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}.zoomInUp {
-webkit-animation-name:zoomInUp;
animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}@keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}.zoomOut {
-webkit-animation-name:zoomOut;
animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-.6rem);
transform:scale(.475) translateY(-.6rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(20rem);
transform:scale(.1) translateY(20rem);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
}@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-.6rem);
transform:scale(.475) translateY(-.6rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(20rem);
transform:scale(.1) translateY(20rem);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
}.zoomOutDown {
-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(.42rem);
transform:scale(.475) translateX(.42rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-20rem);
transform:scale(.1) translateX(-20rem);
-webkit-transform-origin:left center;
transform-origin:left center
}
}@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(.42rem);
transform:scale(.475) translateX(.42rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-20rem);
transform:scale(.1) translateX(-20rem);
-webkit-transform-origin:left center;
transform-origin:left center
}
}.zoomOutLeft {
-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-.42rem);
transform:scale(.475) translateX(-.42rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(20rem);
transform:scale(.1) translateX(20rem);
-webkit-transform-origin:right center;
transform-origin:right center
}
}@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-.42rem);
transform:scale(.475) translateX(-.42rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(20rem);
transform:scale(.1) translateX(20rem);
-webkit-transform-origin:right center;
transform-origin:right center
}
}.zoomOutRight {
-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(.6rem);
transform:scale(.475) translateY(.6rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-20rem);
transform:scale(.1) translateY(-20rem);
-webkit-transform-origin:center top;
transform-origin:center top
}
}@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(.6rem);
transform:scale(.475) translateY(.6rem);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-20rem);
transform:scale(.1) translateY(-20rem);
-webkit-transform-origin:center top;
transform-origin:center top
}
}.zoomOutUp {
-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp
}
.header {
width:100%;
overflow:hidden;
background:#f2f2f2
}
.header .top {
/*background:#1f1d1d;*/
background-image: linear-gradient(to left , #FF8000, #ffffff);
/*background: #FF8000;
background: -moz-linear-gradient(left, #FF8000 0%, #ffffff 100%);
background: -webkit-gradient(linear, left, left bottom, color-stop(0%,#FF8000), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left, #FF8000 0%,#ffffff 100%);
background: -o-linear-gradient(left, #FF8000 0%,#ffffff 100%);
background: -ms-linear-gradient(left, #FF8000 0%,#ffffff 100%);
background: linear-gradient(to bottom, #FF8000 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8000', endColorstr='#ffffff',GradientType=0 );*/
}
.header .top .top-content {
width:12.2rem;
margin:0 auto;
padding:.2rem 0
}
.header .top .logo {
/*width:4.18rem;*/
/*height:.34rem;*/
width:auto;
height:.7rem;
float:left
}
.header .top .search {
float:right;
width:1.9rem;
height:.35rem;
position:relative
}
.header .top .search input {
width:100%;
height:100%;
border:0;
position:absolute;
top:0;
left:-.4rem;
border-radius:.35rem;
padding:0 .1rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#e6e6e6
}
.header .top .search i.icon-search {
display:inline-block;
width:.25rem;
height:.25rem;
background:url(../images/icon-search.jpg) no-repeat;
background-size:100% 100%;
position:absolute;
top:.05rem;
right:.55rem
}
.header .top .search .en {
font-size:.12rem;
color:#fff;
position:absolute;
right:-.5rem;
line-height:.18rem
}
.header .nav {
width:100%;
margin:0 auto
}
.nav ul {
margin: 0 0 0 30px;
padding: 0px;
font-size: 12px;
color: #FFF;
white-space: nowrap;
}
.nav li {
list-style-type: none;
display: inline;
padding:0 .15rem .15rem;
line-height: .55rem;
}
.nav li a {
text-decoration: none;
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: Microsoft YaHei;
padding: 7px 10px;
color: #FFF;
}
/*.header .nav ul>li {
float:left;
padding:0 .4rem .15rem
}*/
.header .nav ul>li .move,.header .nav ul>li a:hover,.header .nav ul>li.active a {
border-bottom:.02rem solid #1f1d1d
}
.header .nav ul>li a {
/*display:block;*/
/*color:#1f1d1d;*/
font-size:.22rem;
letter-spacing:.02rem;
padding:.3rem 0 .15rem;
font-family:Microsoft YaHei;
}
.footer {
/*background:#1f1d1d;*/
background:#ff9933;
color:#fff;
overflow:hidden
}
.footer .footer-content {
width:13.3rem;
margin:0 auto;
padding:.45rem .2rem .1rem;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.footer .footer-content2{
margin:0 auto;
border-bottom:.01rem solid #4d4d4d;
padding: 0 .2rem .1rem !important;
text-align:center;
}
.footer .footer-content .base-info {
font-size:.14rem;
line-height:.24rem;
float:left;
margin-right:1rem;
margin-top:.7rem
}
.footer .footer-content .base-info .logo {
width:1.64rem;
height:.58rem
}
.footer .footer-content dl {
float:left;
margin:0 .25rem;
font-size:.16rem
}
.footer .footer-content dl a {
color:#fff
}
.footer .footer-content dl dt {
font-weight:700;
margin-bottom:.36rem
}
.footer .footer-content dl dd {
color:#bfbfbf;
margin-top:.12rem
}
.footer .footer-content .qrcode {
font-size:.16rem;
float:right;
line-height:.25rem;
text-align:left;
margin-top: -0.1rem;
}
.footer .footer-content .qrcode .tel {
font-size:.24rem;
padding:.05rem 0
}
.footer .footer-content .qrcode .qrcode-img {
width:1.12rem;
height:1.12rem;
display:inline-block
}
.footer .footer-content .qrcode .qrcode-wz {
position:relative;
top:-.65rem;
left:.1rem
}
.footer .copy {
width:13.3rem;
margin:0 auto;
font-size:.12rem;
padding:.3rem .2rem;
/*color:grey;*/
color: #FFFFFF;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.footer .copy a {
/*color:grey*/
color: #FFFFFF;
}
.main {
width:100%;
overflow:hidden;
background:#f2f2f2
}
.main .banner-top {
width:100%;
position:relative;
overflow:hidden;
height:4.5rem;
text-align:center;
}
.main .banner-top img {
width:100%;
height:4.5rem;
max-width:19.2rem;
margin:0 auto
}
.main .banner-top .page-title {
width:100%;
height:4.5rem;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,.5);
color:#fff;
text-align:center
}
.main .banner-top .page-title h1 {
font-size:.44rem;
font-weight:400;
margin:1.8rem 0 .3rem
}
.main .banner-top .page-title p {
font-size:.3rem;
text-transform:uppercase
}
.main .category {
width:100%;
text-align:center
}
.main .category .c-item {
display:inline-block;
background:#fff;
min-width:1.6rem;
font-size:.2rem;
border-radius:.5rem;
margin:0 .6rem;
line-height:.45rem;
}
.main .category .c-item a {
display:block;
padding:0 .3rem;
color:#1f1d1d;
}
.main .category .c-item.active,.main .category .c-item:hover {
background:#1f1d1d;
cursor:pointer;
color:#fff
}
.main .category .c-item.active a,.main .category .c-item:hover a {
color:#fff;
}
.main .category .item-list {
text-align:left;
position:relative
}
.main .category .item-list .li-item {
text-align:center;
display:inline-block;
background:#fff;
line-height:.4rem;
min-width:1.3rem;
font-size:.18rem;
border-radius:.5rem;
margin:0 .12rem;
color:#1f1d1d
}
.main .category .item-list .li-item a {
color:#1f1d1d;
display:block;
padding:0 .2rem;
}
.main .category .item-list .li-item.active,.main .category .item-list .li-item:hover {
background:#1f1d1d;
color:#fff;
cursor:pointer
}
.main .category .item-list .li-item.active a,.main .category .item-list .li-item:hover a {
color:#fff
}
@-webkit-keyframes slowIn {
from {
background:#1f1d1d
}
to {
background:#333030
}
}@keyframes slowIn {
from {
background:#1f1d1d
}
to {
background:#333030
}
}.more {
display:block;
color:#fff;
text-align:center;
width:2rem;
line-height:.4rem;
margin:0 auto;
font-size:.2rem;
background:#1f1d1d
}
.more:hover {
animation:slowIn 1s;
-moz-animation:slowIn 1s;
-webkit-animation:slowIn 1s;
-o-animation:slowIn 1s
}
.next,.prev {
width:.15rem;
text-align:center;
display:inline-block;
position:relative
}
.next:before,.prev:before {
content:'';
width:.1rem;
height:.1rem;
border:solid #212121;
border-width:.02rem .02rem 0 0;
position:absolute;
top:50%;
left:50%;
margin:-.05rem 0 0 -.05rem;
display:block
}
.next:hover,.prev:hover {
opacity:.8
}
.next.default,.prev.default {
cursor:default
}
.next.default:before,.prev.default:before {
border:solid #9a9a9a;
border-width:.02rem .02rem 0 0
}
.next.default:hover,.prev.default:hover {
opacity:1
}
.prev:before {
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg)
}
.next:before {
transform:rotate(45deg);
-webkit-transform:rotate(45deg)
}
.online-qa {
width:.5rem;
height:2rem;
background:url(../images/icon-side.jpg) no-repeat;
background-size:100% 100%;
position:fixed;
right:0;
bottom:4rem;
z-index:100
}
.online-qa a {
width:.5rem;
height:.5rem;
display:block
}
.online-qa a:hover {
background:rgba(31,29,29,.2)
}
.crumbs {
margin:.25rem 0;
background:#f2f2f2;
line-height:.35rem;
padding-left:.4rem;
color:#303234
}
.crumbs .icon-home {
position:relative;
top:.05rem
}
.service-wrap {
width:9.9rem;
margin:0 auto .7rem
}
.list {
background:#fff;
color:#303234;
min-height:8rem
}
.list .list-box {
border:.03rem solid #eee
}
#pager {
padding:.5rem 0 0;
overflow:hidden;
text-align:center;
font-size:.14rem;
width:100%
}
#pager span {
display:inline-block;
padding:.05rem .08rem;
margin-right:.05rem;
margin-bottom:.05rem
}
#pager span.current {
background:#000;
color:#fff;
border:solid .01rem #aae
}
#pager span.disenable {
color:#000;
background:#fff
}
#pager span.text {
padding:.3em 0;
color:#999;
display:none
}
#pager a {
display:inline-block;
padding:.05rem .08rem;
margin-right:.05rem;
margin-bottom:.05rem;
text-decoration:none;
border:solid .01rem #e5e5e4;
color:#000;
background:#fff
}
#pager a:hover {
border:solid .01rem #000;
color:#000
}
#pager input[type=text] {
padding:0 .02rem;
border:solid .01rem #000;
width:.22rem;
height:.22rem;
line-height:.22rem;
float:left;
margin-right:.05rem;
margin-bottom:.05rem;
text-align:center
}
#pager button {
cursor:pointer;
border:solid .01rem #aae;
height:.3rem;
line-height:.3rem;
float:left;
margin-right:.05rem;
margin-bottom:.05rem;
padding:0 .03rem;
color:#404040;
background:#fff
}
#pager button:hover {
border:solid .01rem #26b;
color:#26b
}
.waterfull ul li {
width:4.2rem;
margin:0 .06rem .25rem;
overflow:hidden;
display:inline-block
}
.home {
background:#fff
}
.home .top-banner {
margin:0 auto
}
.home .top-banner .swiper-container {
width:100%;
/*height:6.5rem;*/
height:auto;
}
.home .top-banner .swiper-container img {
width:100%;
/*height:6.5rem;*/
height:auto;
}
.home .index-products {
width:100%;
text-align:center;
overflow:hidden
}
.home .index-products .product-list {
width:13.2rem;
/*height:8rem;*/
margin:.5rem auto
}
.home .index-products .product-list .item {
width:4.2rem;
height:100%;
float:left;
display:block;
color:#1f1d1d
}
.home .index-products .product-list .item .pic {
width:100%;
height:4.4rem;
position:relative
}
.home .index-products .product-list .item .pic img {
height:3rem;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.home .index-products .product-list .item .title {
font-size:.3rem;
margin:.3rem 0
}
.home .index-products .product-list .item .desc {
font-size:.18rem;
line-height:.3rem;
width:3.45rem;
height:.9rem;
margin:0 auto .9rem
}
.home .index-products .product-list .item-lr {
margin:0 .3rem
}
.home .web-nav {
width:13.3rem;
margin:.1rem auto .4rem;
overflow:hidden
}
.home .web-nav .item {
position:relative;
display:block
}
.home .web-nav .item img {
width:100%
}
.home .web-nav .item .overlay {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,.4)
}
.home .web-nav .item .overlay ul {
text-align:center;
color:#fff;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
font-size:.18rem
}
.home .web-nav .item .overlay ul .title-cn {
font-size:.3rem
}
.home .web-nav .item .overlay ul .title-en {
font-size:.2rem;
margin-top:.2rem;
text-transform:uppercase;
white-space:nowrap
}
.home .web-nav .item .overlay ul .desc {
margin-top:.6rem;
white-space:nowrap
}
.home .web-nav .item-top {
width:6.49rem;
height:5.1rem
}
.home .web-nav .item-bottom {
width:4.27rem;
height:2rem
}
.home .web-nav .item-bottom-lr {
margin:0 .3rem
}
.home .web-nav .video {
width:100%;
height:6rem;
margin:.3rem 0 .4rem;
position:relative;
background:#3d414a
}
.home .web-nav .video video {
width:100%;
height:6rem
}
.home .web-nav .video .icon-video {
width:1.07rem;
height:1.07rem;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.home .news-activity-wrap {
width:100%;
background:#f2f2f2;
overflow:hidden;
padding:.55rem 0 .8rem
}
.home .news-activity-wrap .news-activity {
width:13.3rem;
margin:0 auto
}
.home .news-activity-wrap .news-activity .news {
width:7.5rem;
float:left
}
.home .news-activity-wrap .news-activity .news .header {
width:100%;
padding:.05rem .15rem .08rem;
background:#fff;
font-size:.2rem;
line-height:.25rem
}
.home .news-activity-wrap .news-activity .news .header .icon-news {
float:left;
margin-right:.1rem;
width:.24rem;
height:.25rem
}
.home .news-activity-wrap .news-activity .news .header .page {
margin-top:-.1rem
}
.home .news-activity-wrap .news-activity .news .news-show {
width:100%;
padding-top:.3rem;
height:1.9rem;
overflow:hidden
}
.home .news-activity-wrap .news-activity .news .news-show .hot-news {
width:2.4rem;
height:1.6rem;
float:left;
overflow:hidden;
position:relative
}
.home .news-activity-wrap .news-activity .news .news-show .hot-news img {
width:100%;
height:100%
}
.home .news-activity-wrap .news-activity .news .news-show .hot-news .title {
width:100%;
padding:0 .1rem;
height:.3rem;
line-height:.3rem;
background:rgba(0,0,0,.5);
font-size:.14rem;
color:#fff;
text-align:center;
position:absolute;
bottom:0;
left:0
}
.home .news-activity-wrap .news-activity .news .news-show .news-list {
float:right;
width:4.7rem;
height:1.6rem;
overflow:hidden
}
.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item {
width:100%;
overflow:hidden;
font-size:.14rem;
color:#4d4d4d;
margin-bottom:.35rem;
display:block
}
.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item .news-title {
width:3rem;
height:.14rem;
float:left;
padding-left:.2rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item .news-title:before {
content:'●';
position:relative;
left:-.2rem
}
.home .news-activity-wrap .news-activity .news .news-show .news-list .news-item .news-time {
float:right
}
.home .news-activity-wrap .news-activity .activity {
width:5.15rem;
float:right
}
.home .news-activity-wrap .news-activity .activity .header {
width:100%;
padding:.05rem .15rem .08rem;
background:#1f1d1d;
font-size:.2rem;
line-height:.25rem;
color:#fff
}
.home .news-activity-wrap .news-activity .activity .header .icon-flag {
float:left;
margin-right:.1rem;
width:.19rem;
height:.25rem
}
.home .news-activity-wrap .news-activity .activity .header .read-more {
font-size:.14rem;
color:#fff;
float:right;
position:relative;
margin-right:.12rem
}
.home .news-activity-wrap .news-activity .activity .header .read-more:before {
content:'';
width:.08rem;
height:.08rem;
border:solid #fff;
border-width:.01rem .01rem 0 0;
display:block;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
position:absolute;
top:50%;
right:-.1rem;
margin-top:-.04rem
}
.home .news-activity-wrap .news-activity .activity .activity-show {
width:100%;
padding-top:.3rem
}
.home .news-activity-wrap .news-activity .activity .activity-show .activity-item {
width:2.4rem;
height:1.6rem;
overflow:hidden;
position:relative
}
.home .news-activity-wrap .news-activity .activity .activity-show .activity-item img {
width:100%;
height:100%
}
.home .news-activity-wrap .news-activity .activity .activity-show .activity-item .title {
width:100%;
padding:0 .1rem;
height:.3rem;
line-height:.3rem;
background:rgba(0,0,0,.5);
font-size:.14rem;
color:#fff;
text-align:center;
position:absolute;
bottom:0;
left:0
}
.about-us {
background:#fff
}
.about-us .banner {
width:100%
}
.all-products {
max-width:19.2rem;
width:100%;
margin:0 auto;
overflow:hidden;
padding:.2rem
}
.all-products .product-item {
width:4.3rem;
height:6.4rem;
overflow:hidden;
display:inline-block;
text-align:center;
background:#fff;
padding:.35rem;
margin:.25rem .15rem;
position:relative
}
.all-products .product-item .pic {
width:100%;
height:5.2rem;
position:relative
}
.all-products .product-item .pic img {
width:auto;
max-width: 4rem;
height:auto;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.all-products .product-item .item-title {
font-size:.2rem;
color:#1f1d1d
}
.all-products .product-item .item-more {
width:1.6rem;
line-height:.3rem;
background:#e6e6e6;
font-size:.14rem;
border:.01rem solid #ccc;
color:#1f1d1d;
margin-left:1rem
}
.all-products .product-item:hover {
top:-.15rem;
-webkit-box-shadow:0 0 .1rem #b3b3b3;
box-shadow:0 0 .1rem #b3b3b3
}
.all-products .product-item:hover .item-more {
background:#1f1d1d;
color:#fff
}
#itemList {
position:relative;
padding:0 0 1.2rem;
display:flex;
justify-content:center
}
#itemList .item-list {
position:absolute
}
#itemList .item-list:nth-child(2) {
left:6.8rem
}
#itemList .item-list:nth-child(3) {
left:10.8rem
}
#productResult {
overflow:hidden;
text-align:center;
display:flex;
flex-wrap:wrap;
justify-content:center
}
.product-detail {
width:100%;
margin:0 auto;
overflow:hidden;
background:#fafafa;
padding-bottom:.4rem
}
.product-detail .product-top {
border:.01rem solid #bfbfbf;
overflow:hidden;
background:#fff
}
.product-detail .product-top .product-banner {
width:50%
}
.product-detail .product-top .product-banner img {
/*width:100%;*/
width:6.5rem;
height:6.5rem;
}
.product-detail .product-top .product-info {
width:50%;
height:6.5rem;
float:left;
text-align:center;
padding:1.4rem 0 .9rem
}
.product-detail .product-top .product-info .title {
font-size:.44rem;
margin:.6rem 0 .3rem
}
.product-detail .product-top .product-info .desc {
font-size:.2rem;
margin-bottom:.5rem
}
.product-detail .product-top .product-info .order {
color:#fff;
padding:.08rem .2rem;
font-size:.2rem;
background:#1f1d1d
}
.product-detail .product-top .product-info .order:hover {
opacity:.8
}
.product-detail .nav {
width:100%;
border-bottom:.01rem solid #bfbfbf;
padding:.3rem 0;
overflow:hidden
}
.product-detail .nav .nav-content {
width:13.3rem;
margin:0 auto
}
.product-detail .nav .nav-content .product-msg {
font-size:.3rem;
float:left
}
.product-detail .nav .nav-content .p-crumbs {
float:right;
font-size:.14rem
}
.product-detail .nav .nav-content .p-crumbs .icon-location {
display:inline-block;
margin-right:.25rem;
width:.17rem;
height:.23rem;
background:url(../images/icon-location.jpg) no-repeat;
background-size:100% 100%
}
.product-detail .product-content {
width:13.3rem;
margin:0 auto;
background:#fff;
min-height:2rem;
font-size:.16rem
}
.product-detail .product-content img {
max-width:100%
}
.all-case {
max-width:19.2rem;
width:100%;
margin:0 auto;
overflow:hidden;
padding:.2rem;
text-align:center
}
.all-case .case-item {
width:4.2rem;
height:4.25rem;
overflow:hidden;
display:inline-block;
text-align:center;
background:#fff;
margin:.25rem .15rem;
position:relative
}
.all-case .case-item .pic {
width:100%;
height:3.25rem
}
.all-case .case-item .pic img {
width:100%;
height:3.25rem
}
.all-case .case-item .item-title {
font-size:.2rem;
color:#1f1d1d;
padding-top:.35rem
}
.all-case .case-item:hover {
top:-.15rem;
-webkit-box-shadow:-.01rem .02rem .05rem #ccc;
box-shadow:-.01rem .02rem .05rem #ccc
}
#productResult {
overflow:hidden
}
.case-detail {
width:96%;
margin:0 auto;
padding:.1rem 0;
overflow:hidden;
background:#fff
}
.case-detail .case-banner img {
max-width:100%
}
.case-detail .case-content {
padding:.2rem;
font-size:.16rem
}
.case-detail .case-content img {
max-width:100%
}
.qa-float {
position:fixed;
top:50%;
left:.3rem;
z-index:999
}
.qa-float .qa-float-title {
width:.86rem;
height:.86rem;
background:url(../images/qa-title.png) no-repeat;
background-size:100% 100%;
cursor:pointer
}
.qa-float .qa-float-list {
position:absolute;
right:-6.9rem;
top:-2rem;
border:.01rem solid #303234;
padding:.4rem .2rem;
width:6.75rem;
background:#fff;
display:none
}
.qa-float .qa-float-list dt {
border-bottom:.01rem solid #1f1d1d;
padding-bottom:.3rem
}
.qa-float .qa-float-list dt div {
border-left:.08rem solid #1f1d1d;
padding-left:.2rem;
padding-bottom:.05rem;
font-size:.3rem
}
.qa-float .qa-float-list dd {
border-bottom:.01rem dashed #1f1d1d;
padding:.35rem 0;
cursor:pointer
}
.qa-float .qa-float-list dd:last-child {
border:0;
text-align:center;
padding:0
}
.qa-float .qa-float-list dd:last-child .icon-x {
width:.22rem;
height:.18rem;
margin:0 auto;
cursor:pointer
}
.qa-float .qa-float-list dd h3 {
font-weight:400;
font-size:.16rem;
color:#1f1d1d;
margin-bottom:.25rem
}
.qa-float .qa-float-list dd .da-content {
font-size:.14rem;
color:grey;
line-height:.24rem
}
.qa-float .qa-float-list dd .da-content p {
width:5.7rem;
float:left
}
.qa-float .qa-float-list dd .icon-da,.qa-float .qa-float-list dd .icon-wen {
width:.26rem;
height:.26rem;
background-size:100% 100%!important;
display:inline-block;
position:relative;
top:.06rem;
margin-right:.2rem
}
.qa-float .qa-float-list dd .icon-wen {
background:url(../images/wen.jpg) no-repeat
}
.qa-float .qa-float-list dd .icon-da {
background:url(../images/da.jpg) no-repeat;
float:left
}
.news-category .c-item {
margin:0 .45rem!important
}
.all-news {
padding:1rem .15rem .5rem;
width:13rem;
margin:0 auto;
position:relative
}
.all-news .news-item {
padding:.4rem .5rem;
overflow:hidden;
margin-bottom:.3rem;
background:#fff
}
.all-news .news-item img {
width:3.25rem;
height:2.5rem;
float:left
}
.all-news .news-item .news-intro {
width:8rem;
float:right;
color:#303234
}
.all-news .news-item .news-intro h3 {
font-weight:400;
font-size:.26rem;
margin-top:.25rem;
margin-bottom:.6rem;
line-height:.25rem;
color:#1f1d1d
}
.all-news .news-item .news-intro .intro {
font-size:.16rem;
height:.16rem;
color:#666;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
margin-bottom:1rem
}
.all-news .news-item .news-intro .news-intro-bottom {
font-size:.14rem
}
.all-news .news-item .news-intro .news-intro-bottom .time {
float:left;
color:#303234
}
.all-news .news-item .news-intro .news-intro-bottom .time .icon-time {
display:inline-block;
margin-right:.1rem;
width:.14rem;
height:.14rem;
background:url(../images/icon-time.jpg) no-repeat;
background-size:100% 100%
}
.all-news .news-item .news-intro .news-intro-bottom .read-more {
float:right;
color:#303234;
width:1.6rem;
height:.3rem;
line-height:.3rem;
background:#e6e6e6;
border:.01rem solid #ccc;
text-align:center
}
.all-news .news-item .news-intro .news-intro-bottom .read-more:hover {
color:#000;
border:.01rem solid #000
}
#productResult {
overflow:hidden
}
.new-detail {
display:flex;
width:13.3rem;
margin:.8rem auto 0;
background:#fff
}
.new-detail .new-content {
width:75%;
padding:.5rem .5rem 1rem;
font-size:0.18rem;
font-family:宋体
}
.new-detail .new-content h1 {
font-size:.36rem;
color:#1f1d1d;
text-align:center
}
.new-detail .new-content .post-time {
border-bottom:.01rem solid grey;
padding:.25rem .35rem;
text-align:center;
font-size:.14rem;
color:#1f1d1d;
position:relative
}
.new-detail .new-content .post-time a {
position:absolute;
right:0
}
.new-detail .new-content .post-time a .icon-return {
display:inline-block;
margin-left:.1rem;
width:.16rem;
height:.16rem;
background:url(../images/icon-return.jpg) no-repeat;
background-size:100% 100%;
position:relative;
top:.03rem
}
.new-detail .new-content .news-from {
margin-top:0.1rem
}
.new-detail .new-content .news-from a {
color:#1f1d1d
}
.new-detail .new-content .news-from a:hover {
text-decoration:underline
}
.new-detail .new-content .news-more {
margin:0.2rem 0
}
.new-detail .new-content .news-more p:first-child {
padding-bottom:0.1rem
}
.new-detail .new-content .news-more p {
color:#666666
}
.new-detail .new-content .news-more p a {
color:#000
}
.new-detail .new-content .news-more p a:hover {
text-decoration:underline
}
.new-detail .new-content .detail-content {
width:100%;
font-size:.16rem
}
.new-detail .new-content .detail-content img {
max-width:100%
}
.new-detail .hot-news-list {
width:21%;
margin-left:2%;
margin-top:.5rem;
border:1px solid #c9caca;
height:100%
}
.new-detail .hot-news-list .hot-news-top-title {
background-color:#e6e7e7;
padding:0.2rem 0;
color:#8a8888;
font-size:0.18rem;
text-align:center
}
.new-detail .hot-news-list li {
font-size:0.15rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin:0;
padding:0.13rem;
border-bottom:1px solid #e6e6e6;
}
.new-detail .hot-news-list li a {
color:#1f1d1d
}
.new-detail .hot-news-list li:hover a {
text-decoration:underline
}
.new-content .keyword-tags {
display:flex;
font-size:0.18rem;
font-family:"宋体";
}
.new-content .keyword-tags li {
margin-right:0.1rem
}
.contact-info {
background:#fff;
text-align:center
}
.contact-info .header-index {
width:13.3rem;
margin:0 auto;
font-size:.2rem;
height:1.3rem;
line-height:.5rem;
padding-top:.5rem;
position:relative;
top:-1.3rem;
background:#fff
}
.contact-info .info-list {
width:13.3rem;
margin:0 auto;
padding-bottom:.9rem
}
.contact-info .info-list .info-item {
float:left;
width:4.25rem;
height:4.5rem;
font-size:.2rem;
overflow:hidden
}
.contact-info .info-list .info-item.active,.contact-info .info-list .info-item:hover {
-webkit-box-shadow:0 .03rem .1rem #ececec;
box-shadow:0 .03rem .1rem #ececec
}
.contact-info .info-list .info-item img {
margin-top:.9rem
}
.contact-info .info-list .info-item img.tel {
width:.64rem;
height:.64rem
}
.contact-info .info-list .info-item img.web {
width:.58rem;
height:.64rem
}
.contact-info .info-list .info-item img.address {
width:.5rem;
height:.64rem
}
.contact-info .info-list .info-item a {
color:#1f1d1d
}
.contact-info .info-list .info-item .name {
font-size:.3rem;
margin:.5rem 0 .6rem
}
.map-leave {
width:100%;
margin:0 auto
}
.map-leave .map {
width:50%;
height:6rem;
float:left;
overflow:hidden
}
.map-leave .leave {
width:50%;
height:6rem;
float:left;
overflow:hidden;
padding:.9rem .65rem 0;
color:#fff;
text-align:left;
background:url(../images/leave-bg.jpg) no-repeat;
background-size:100% 100%;
font-size:.14rem
}
.map-leave .leave li {
margin-bottom:.4rem
}
.map-leave .leave li label {
width:.7rem;
display:inline-block;
margin-bottom:.1rem
}
.map-leave .leave li input,.map-leave .leave li textarea {
border:0;
border-radius:.1rem;
margin-bottom:.1rem
}
.map-leave .leave li input {
height:.3rem;
margin-right:.5rem
}
.map-leave .leave li textarea {
width:4.65rem;
height:1.2rem;
}
.map-leave .leave li button {
width:1.1rem;
line-height:.3rem;
color:#fff;
font-size:.2rem;
background:#4d4d4d;
border-radius:.1rem;
border:0;
margin-left:2.5rem
}
.map-leave .leave .title {
font-size:.3rem;
margin-bottom:.25rem
}
.map-leave .leave .tips {
font-size:.2rem
}
.join {
max-width:19.2rem;
margin:0 auto
}
.join .brand-com-title {
color:#1f1d1d;
margin:0 auto;
text-align:center;
width:100%;
overflow:hidden
}
.join .brand-com-title h3 {
font-size:.44rem
}
.join .brand-com-title p {
font-size:.2rem;
margin:.22rem 0;
text-transform:uppercase
}
.join .brand-com-title div.line {
width:.6rem;
margin:0 auto;
border-top:.02rem solid #edcea2
}
.join .market {
width:100%;
height:5.55rem;
background:url(../images/market-bg.jpg) no-repeat;
background-size:100% 100%;
padding-top:.7rem
}
.join .market .market-ys {
width:13rem;
margin:.9rem auto 0
}
.join .market .market-ys dl {
float:left;
width:25%;
text-align:center;
padding:0 .4rem
}
.join .market .market-ys dl dt {
font-size:.3rem;
color:#1f1d1d;
font-weight:700;
white-space:nowrap
}
.join .market .market-ys dl dt span {
font-family:Arail;
font-size:.6rem
}
.join .market .market-ys dl dd {
font-size:.2rem;
line-height:.24rem;
margin-top:.4rem;
color:#5c5b5b
}
.join .why-join {
width:100%;
height:10rem;
background:url(../images/mc-join.jpg) no-repeat;
background-size:100% 100%;
padding-top:1rem
}
.join .why-join .brand-com-title {
color:#fff
}
.join .why-join .why-list {
width:13rem;
margin:.4rem auto 0
}
.join .why-join .why-list ul.item {
width:3.75rem;
height:3.25rem;
padding:.2rem .4rem;
margin:.15rem .15rem 0;
float:left;
text-align:center;
color:#fff;
background:rgba(0,0,0,.5)
}
.join .why-join .why-list ul.item img {
max-width:100%;
display:inline-block
}
.join .why-join .why-list ul.item .title {
font-size:.26rem;
margin:.3rem auto .2rem
}
.join .why-join .why-list ul.item .detail {
font-size:.16rem;
line-height:.25rem;
text-align:left
}
.join .today {
width:100%;
padding:1.1rem 0;
background:#fff
}
.join .today .today-detail {
width:12.7rem;
margin:.4rem auto 0
}
.join .today .today-detail img {
width:6rem;
height:4.45rem;
border:.2rem solid #f2f2f2
}
.join .today .today-detail .today-intro {
float:right;
text-align:left;
width:6.3rem;
color:#1f1d1d
}
.join .today .today-detail .today-intro h3 {
font-size:.26rem;
margin:.2rem 0
}
.join .today .today-detail .today-intro p {
font-size:.16rem;
line-height:.26rem;
margin-bottom:.55rem
}
.join .deguo {
width:100%;
background:url(../images/jd-bg.jpg) repeat;
padding:1.1rem 0;
text-align:center
}
.join .deguo .roto {
max-width:100%;
margin:.5rem auto .4rem
}
.join .deguo .dg-intro {
width:7.8rem;
margin:0 auto;
font-size:.16rem;
line-height:.25rem
}
.join .deguo .brand-pic {
max-width:100%;
margin:.8rem auto 0
}
.join .jingsui {
background:#fff
}
.join .jingsui .why-list {
width:12.5rem;
margin:.5rem auto 0
}
.join .jingsui .brand-com-title {
color:#1f1d1d
}
.join .jingsui .item-bg {
width:3.75rem;
height:2.7rem;
background-size:100% 100%!important;
float:left;
margin:.15rem .15rem 0;
overflow:hidden
}
.join .jingsui .item-bg:hover .item {
display:none
}
.join .jingsui .item-bg ul.item {
padding-top:.3rem;
margin:0;
height:2.7rem;
background:rgba(0,0,0,.5)
}
.join .jingsui .item-bg.p1 {
background:url(../images/p1.jpg) no-repeat
}
.join .jingsui .item-bg.p2 {
background:url(../images/p2.jpg) no-repeat
}
.join .jingsui .item-bg.p3 {
background:url(../images/p3.jpg) no-repeat
}
.join .jingsui .item-bg.p4 {
background:url(../images/p4.jpg) no-repeat
}
.join .jingsui .item-bg.p5 {
background:url(../images/p5.jpg) no-repeat
}
.join .jingsui .item-bg.p6 {
background:url(../images/p6.jpg) no-repeat
}
.join .support {
width:100%;
height:8rem;
background:url(../images/dingzhi.jpg) repeat;
padding:.6rem 0
}
.join .support .support-list {
width:11.8rem;
margin:.65rem auto 0
}
.join .support .support-list ul {
width:48%
}
.join .support .support-list ul li {
width:100%;
height:.65rem;
line-height:.65rem;
background:#fff;
font-size:.26rem;
text-align:center;
overflow:hidden;
margin-bottom:.35rem
}
.join .support .support-list ul li span {
width:1.2rem;
height:.66rem;
background:url(../images/mw-bg.png) no-repeat;
background-size:100% 100%;
font-weight:700;
color:#fff;
display:inline-block;
float:left
}
.join .yzs {
width:100%;
padding:.65rem 0;
text-align:center;
background:#fff
}
.join .yzs img {
max-width:100%
}
.join .yzs .yzs-pic {
margin:.9rem auto
}
.join .partner {
width:100%;
padding:.65rem 0;
text-align:center;
background:#1f1d1d
}
.join .partner .brand-com-title {
color:#fff
}
.join .partner img {
max-width:100%;
margin:.9rem auto
}
.brand .brand-container {
border-top:.03rem solid #edcea2;
position:relative
}
.brand .brand-container .brand-top-nav {
position:absolute;
width:10rem;
height:1rem;
background:url(../images/top-title.jpg) no-repeat;
background-size:100% 100%;
top:0;
left:50%;
margin:-.5rem 0 0 -5rem
}
.brand .brand-container .brand-top-nav a {
width:25%;
height:100%;
display:block;
float:left
}
.brand .brand-container .brand-com-title {
/*color:#fff;*/
color:#000000;
margin:0 auto;
text-align:center;
width:100%;
overflow:hidden
}
.brand .brand-container .brand-com-title h3 {
text-transform:uppercase;
font-size:.48rem
}
.brand .brand-container .brand-com-title p {
font-size:.3rem;
margin:.25rem
}
.brand .brand-container .brand-com-title div.line {
width:.7rem;
margin:0 auto;
border-top:.03rem solid #edcea2
}
.brand .brand-container .intro {
width:100%;
/*height:11rem;*/
/*background:url(../images/brand-intro.jpg) no-repeat;*/
background-size:100% 100%;
margin:0 auto;
padding-top:.3rem;
}
.brand .brand-container .intro dl {
color:#fff;
width:13rem;
margin:0 auto
}
.brand .brand-container .intro .video {
width:100%;
height:7.4rem;
margin:.3rem 0 .4rem;
position:relative;
}
.brand .brand-container .intro.cctv_video {
height:9.8rem
}
.brand .brand-container .intro .video video {
width:100%;
height:7.4rem
}
.brand .brand-container .intro dl dt {
font-size:.48rem;
text-transform:uppercase;
text-align:center
}
.brand .brand-container .intro dl dd.title {
font-size:.3rem;
margin:.2rem 0 .3rem;
line-height:.45rem;
text-align:center
}
.brand .brand-container .intro dl dd p {
width:100%;
line-height:.3rem;
margin-bottom:.2rem;
font-size:.2rem
}
.brand .brand-container .intro dl dd img {
max-width:100%;
}
.brand .brand-container .world {
width:100%;
/*background:url(../images/bg.jpg) no-repeat;*/
background-size:100% 100%;
margin:0 auto
}
.brand .brand-container .world .history {
width:13rem;
margin:.45rem auto 1.2rem
}
.brand .brand-container .world .history ul>li {
width:50%;
position:relative;
float:left;
height:3.2rem
}
.brand .brand-container .world .history ul>li:last-child {
border-left:.01rem solid #838586
}
.brand .brand-container .world .history .history-intro {
color:#fff;
padding-right:.2rem
}
.brand .brand-container .world .history .history-intro dl {
margin-left:.6rem;
margin-top:.8rem
}
.brand .brand-container .world .history .history-intro dl dt {
font-size:.48rem
}
.brand .brand-container .world .history .history-intro dl dd.title {
margin:.35rem 0 .3rem;
font-size:.26rem
}
.brand .brand-container .world .history .history-intro dl dd.detail {
font-size:.14rem;
line-height:.24rem
}
.brand .brand-container .world .history .r-wrap {
padding-left:.2rem;
padding-right:.2rem
}
.brand .brand-container .world .history .icon-circle {
width:.2rem;
height:.2rem;
position:absolute;
top:50%;
left:0;
margin:-.1rem 0 0 -.1rem
}
.brand .brand-container .world .history img.pic {
width:100%;
height:3.2rem
}
.brand .brand-container .world .video {
width:10rem;
height:5.6rem;
margin:.5rem auto 1.1rem;
position:relative;
background:#3d414a
}
.brand .brand-container .world .video video {
width:100%;
height:5.6rem
}
.brand .brand-container .world .video .icon-video,.brand .brand-container .intro .video .icon-video {
width:1.07rem;
height:1.07rem;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.brand .brand-container .world .glory {
text-align:center
}
.brand .brand-container .world .glory img.pic {
max-width:100%;
}
.brand .brand-container .world .glory img {
margin:.4rem auto
}
.brand .brand-container .witness {
width:100%;
margin:0 auto
}
.product-detail .product-content td,.product-detail .product-content tr {
border:1px solid #cbcbcb;
font-family:"宋体"
}
.zizhi {
margin:0 auto;
}
.zizhi {
width:100%;
/*height:6.5rem;*/
height:auto;
}
.zizhi img {
width:100%;
/*height:6.5rem;*/
height:auto;
}
@font-face {
font-family: 'ali1';
src: url(../other/SourceHanSansCN-Regular.otf);
}
.index_hr{
padding-top:0.18rem;
width:100%;
height:0.7rem;
text-align:center;
font-size:0.25rem;
background-image:url(../images/hr.png);
background-repeat:no-repeat;
background-position:center center;
margin:0px auto;
+position:relative;
top:-50%;
left:-50%;
}
.float_mobi{
position: fixed;
width:1.8rem;
height:.8rem;
/*width:150px;*/
/*height:120px;*/
background-color: rgba(102,102,102,0.7);
right:0;
bottom:1rem;
z-index: 999;
box-shadow:0px 0px 20px #000;
border-radius:0.1rem;
}
.float_mobi_div{
height:100%;
font-size:0.18rem;
font-weight:bold;
}
.float_mobi_number{
text-align:center;
height:.4rem;
/*padding-top:0.1rem;*/
width:100%;
}
.header_fgx{
padding:.01rem 1px .03rem 1px;
background-color:#000000;
opacity:0.7;
box-shadow:0px 0px 20px #FFFFFF;
}
.fc_mobi{
width:100%;
height: .8rem;
}
.fc_mobi td{
color:#FFFFFF;
padding-left:.4rem;
padding-top:.14rem;
background:url(../images/phone.png) no-repeat left top;
background-size:auto 60%;
background-position:0.1rem 0.1rem;
}
.jj_content p{
text-indent: 2em;
color: #000000;
}
.banner_bh img{
cursor: pointer;
transition: all 20s;
}
.swiper-slide-active img{
transform: scale(1.2);
}
/*.banner_bh img:hover{
transform: scale(1.5);
}*/
.fixednav {
/*position: fixed;
top: 0px;
z-index: 999;
background: #E0E0E0;
opacity: 0.7;
left: 0px;
right: 0px;
margin-left:auto;
margin-right:auto;*/
top: -1rem !important;
transition: all 1s;
}
.fixednav_down{
transition: all 1s;
}
.contact_table{
font-size: .18rem;
height: 3rem;
}
.contact_table td{
vertical-align:top !important;
}
.contact_table p{
margin:.1rem 0;
}
.index_img img{
/*margin:.1rem;*/
}
.key_tag {
text-decoration: underline;
}
.dede_pages{text-align:right;}.dede_pages ul{float:right;padding:12px 0px 12px 16px;}
.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
.dede_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}